<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style type="text/css"> 
<!--  
.tit { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9px; 
 color: #FFFFFF; 
} 
.prod { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9px; 
 color: #333333; 
}
.prod2 { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 9px; 
 color: #FFFFFF; 
} 
--> 
</style> 
<div id="contentP">
    <div id="contentI">
        <ul id="menu">
            <li><a href="#" onclick="carrito();">Ver Carrito</a></li>
            <li><a href="#" onclick="registro();">Registro</a></li>
            <li><a href="#" onclick="productos('0','todos');">Catalogo</a></li>
            <li>
                <a href="#">Categorias</a>
                <ul>
                    <li><a href="#" onclick="productos('0','colaless');">Colales</a></li>
                    <li><a href="#" onclick="productos('0','minifalda');">Minifaldas</a></li>
                    <li><a href="#" onclick="productos('0','sosten');">Sosten</a></li>
                    <li><a href="#" onclick="productos('0','botas');">Botas</a></li>
                </ul>
            </li>
            <li id="inicio"><a href="#" onclick="sesion();">Iniciar Sesion</a></li>
            <li id="cerrar"><a href="#" onclick="cerrar();">Cerrar Sesion</a></li>     
            
        </ul>         
    </div>
    <div id="contentC">
        Moda para todos los bolsillos en la tienda online de ModaOnline
En ModaOnline queremos ofrecerte la posibilidad de comprar la ropa y los zapatos que más se adapten a ti. Por eso disponemos de una gran variedad de marcas y precios, que se ajustan a todos los bolsillos. Si te gusta el lujo, visita nuestra tienda premium y descubre la ropa de diseño, calzado y complementos de los diseñadores más reconocidos a nivel internacional. Si prefieres ahorrar dinero pero ir a la moda, no olvides consultar la sección “Rebajas”, en la que encontrarás una gran selección de ropa y zapatos a los mejores precios, como los vestidos informales o las zapatillas deportivas.
    </div>
    <div id="contentD">
        <br />
            Siguenos en Twiter <br />
            <a href="https://twitter.com/modaonline5" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large">Seguir a @modaonline5</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        <br />
        <br />
            Siguenos en Facebook <br />
            <div class="fb-like" data-href="https://www.facebook.com/modaonline22" data-send="true" data-layout="box_count" data-width="100" data-show-faces="true" data-action="recommend"></div>
            <br />
            <br />
            <img src="http://www.codigos-qr.com/qr/php/qr_img.php?d=http%3A%2F%2Fwww.facebook.com%2Fmodaonline22%3Ffref%3Dts&s=4&e=" alt="Códigos QR / Qr Codes"/>
        <br />

    </div>
    <div id="ventanaModal" title="Registro de Usuario">
        <table>
            <tr>
                <td>Nombre:</td>
                <td><input type="text" id="nombre" size="20" class="ui-corner-all"/></td>
            </tr>
            <tr>
                <td>Rut:</td>
                <td><input type="text" id="rut" size="20" class="ui-corner-left"/>(sin puntos ni guión)</td>
            </tr>
            <tr>
                <td>Correo:</td>
                <td><input type="text" id="correo" size="20" class="ui-corner-top"/></td>
            </tr>
            <tr>
                <td>Nickname:</td>
                <td><input type="text" id="nick" size="20" class="uno"/></td>
            </tr>
            <tr>
                <td>Clave:</td>
                <td><input type="password" id="clave2" size="20" class="uno"/></td>
            </tr>
            <tr>
                <td></td>
                <td><div id="msj2"></div></td>
            </tr>
        </table>
    </div>
     <div id="sesion" title="Iniciar Sesion">
        <table>
            <tr>
                <td>Usuario:</td>
                <td><input type="text" id="nickname" size="20" class="ui-corner-all"/></td>
            </tr>
            <tr>
                <td>Contraseña:</td>
                <td><input type="password" id="clave" size="20" class="ui-corner-left"/></td>
            </tr>
        </table>
    </div>
     <div id="carrito" title="Carrito de Compras">
        <?php echo   "<table width=\"720\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\"> ";
                 echo    "<tr bgcolor=\"#333333\" class=\"tit\"> ";
                 echo       "<td width=\"300\">Producto</td> ";
                 echo       "<td width=\"207\">Precio</td>";
                 echo       "<td width=\"207\" align=\"center\">Cantidad de Unidades</td>";
                 echo       "<td width=\"100\" align=\"center\">Borrar</td>";                         
                 echo    "</tr> ";
                foreach ($this->cart->contents()  as $items):
                        echo"<tr  bgcolor=\"#ffffff\" class=\"prod\">";
                        echo "<td width=\"300\">",$items['name'],"</td> ";
                        echo "<td width=\"207\">",$items['price'],"</td>";
                        echo "<td width=\"207\" align=\"center\">",$items['qty'],"</td>";
                        echo "<td width=\"100\" align=\"center\"><img src=\"",base_url(),"imagenes/trash.gif\" /></img></td>";
                        echo "</tr>";
                 endforeach;
                 echo "</table>";
                 echo "<center> Total: ",$this->cart->total();
                 echo "<br>Cantidad de productos: ",$this->cart->total_items(),"</center>"; ?>
     </div>
    <div id="paypal" title="Carrito de Compras">
        <form action="https://www.paypal.com/cgi-bin/webscr" name="f1" id="f1" method="post"> 
            <fieldset> 
             <legend class="prod"><strong>Finalizar la Compra</strong> <a href="#" onclick="javascript:window.open('https://www.paypal.com/cgi-bin/webscr?cmd=xpt/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PP.gif" alt="Solution Graphics" border="0" align="absmiddle"></a></legend> 
                    <input type="hidden" name="shipping" value="0"> 
                    <input type="hidden" name="cbt" value="Presione aqu� para volver a www.modaonline.com >>"> 
                    <input type="hidden" name="cmd" value="_xclick"> 
                     <input type="hidden" name="rm" value="2"> 
                     <input type="hidden" name="bn" value="Moda Online"> 
                    <input type="hidden" name="business" value="administracion@modaonline.com"> 
                    <input type="hidden" name="item_name" value="Compra #13"> 
                    <input type="hidden" name="item_number" value="<?php echo $this->session->userdata('username'); ?>"> 
                    <input type="hidden" name="amount" value="<?php echo $this->cart->total(); ?>"> 
                    <input type="hidden" name="custom" value="<?php echo $this->cart->total(); ?>"> 
                    <input type="hidden" name="currency_code" value="USD"> 
                    <input type="hidden" name="image_url" value=""> 
                    <input type="hidden" name="return" value="http://www.modaonline.com/ipn_success.php"> 
                    <input type="hidden" name="cancel_return" value="http://www.modaonline.com/ipn_error.php"> 
                    <input type="hidden" name="no_shipping" value="0"> 
                    <input type="hidden" name="no_note" value="0"> 
            <!--  Mostramos el detalle de la compra --> 
            <table width="50%" border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#EABB5D" style=" border-color:#000000; border-style:solid;border-width:1px;"> 
                <tr> 
                    <td align="left" valign="top"><span class="prod"><strong>Detalle de los Productos Seleccionados</strong>:</span><br> 
                <span class="texto1negro"> </span><span class="prod"><strong>Productos:</strong> Compra Online<br> 
                <strong>Precio Total:</strong> $<?php echo number_format($this->cart->total(),2) ?> <br>
                <strong>Comrpador</strong> $<?php echo $this->session->userdata('username'); ?> </span></td> 
                </tr> 
            </table> 
            <input type="submit" name="Submit" value="Enviar"> 
            </fieldset> 
            </form> 
    </div>
</div>
<script>
 $(document).ready(
            function(){
                base_url = '<?=base_url();?>index.php/';
                $("#login").hide();
                $.post(base_url+"welcome/verificaLogin",{}, 
                function(data){
                    if(data.msje=='true') //Está logeado!
                    {
                        $("#inicio").hide();
                        $("#cerrar").show();
                        $("#paypal").hide();
                        $.ajax({
                            url: base_url+'welcome/cargaRegistro',
                            cache:false,
                            success:function(htmlresponse,data){
                                $("#registro").html(htmlresponse,data);
                                $("#registro").show();
                            }
                        });
                    }
                    else
                    {
                        $("#cerrar").hide();
                        $("#sesion").show();
                    }
                },'json');
                $("#btn1").button().click(
                function(){    
                    $.post(
                        base_url+'welcome/Login',
                        {nickname:$("#usuario").val(),clave:$("#clave").val()},
                        function(data){
                            if(data.msj=="false")
                            {
                                $("#msj").html("<p>Usuario no registrado!</p>");
                                $("#msj").show("fast");
                            }
                            else{
                                $("#login").hide('fast');
                                $.ajax({
                                    url: base_url+'welcome/cargaRegistro',
                                    cache:false,
                                    success:function(htmlresponse,data){
                                        $("#registro").html(htmlresponse,data);
                                        $("#registro").show('slow');  
                                    }
                                });
                            }
                        },"json"
                    );
                });
            });
    $("#menu").menu();
    function registro(){
        $("#ventanaModal").dialog('open');
    }
    function sesion(){
        $("#sesion").dialog('open');
    }
    function siguiente(){
        $("#contentC").load(base_url+'welcome/mostrarProductos2');
    }
    function carrito(){
        $("#carrito").dialog('open');
    }
    
    
    function cerrar(){
         $.post(base_url+'welcome/logout',function(data){
                                if(data.msje=='true') //Está logeado!
                                    {                                        
                                        $("#inicio").hide();
                                        $("#cerrar").show();
                                    }
                                else
                                {
                                    $("#cerrar").hide();
                                    $("#inicio").show();
                                }
         });
    }
    function agregarCarro(valor){
        $.post(base_url+'welcome/agregaCarro',{nombre:valor},function(htmlresponse,data){
                                $("#carrito").html(htmlresponse,data);
                                $("#carrito").show('slow');
                            });
    }
    function productos(valor,filtros) {
         $.post(base_url+'welcome/mostrarProductos',{contador:valor,filtro:filtros},function(htmlresponse,data){
                                $("#contentC").html(htmlresponse,data);
                                $("#contentC").show('slow');
                            });
    }
    $("#ventanaModal").dialog({
        autoOpen: false,
        height: 300,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Guardar',text:'Guardar',
                click:function(){
                    $.post(base_url+'welcome/guardaRegistro',{
                                nombre:$("#nombre").val(),
                                rut:$("#rut").val(),
                                correo:$("#correo").val(),
                                nickname:$("#nick").val(),
                                clave:$("#clave2").val(),
                                permiso:$("#permiso").val()
                            },function(htmlresponse,data){
                                $("#contentC").html(htmlresponse,data);
                                $("#contentC").show('slow');
                            }
                        );
                        $(this).dialog('close');
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                      $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
    $("#paypal").dialog({
        autoOpen: false,
        height: 300,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Cancelar', text:'Cancelar',click:function(){
                      $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
    $("#sesion").dialog({
        autoOpen: false,
        height: 200,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Guardar',text:'Enviar',
                click:function(){
                    $.post(base_url+'welcome/Login',{
                                nickname:$("#nickname").val(),
                                clave:$("#clave").val()
                            },function(data){
                                if(data.msje=='true') //Está logeado!
                                    {                                        
                                        $("#inicio").hide();
                                        $("#cerrar").show();
                                    }
                                else
                                {
                                    $("#cerrar").hide();
                                    $("#inicio").show();
                                }
                            },'json');
                        $(this).dialog('close');
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                      $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
        $("#carrito").dialog({
        autoOpen: false,
        height: 500,
        width: 800,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Limpiar',text:'Limpiar',
                click:function(){
                    $.post(base_url+'welcome/borrarCarro',function(htmlresponse,data){
                                $("#carrito").html(htmlresponse,data);
                                $("#carrito").show('slow');
                            }
                        );
                }
        },{id:'Continuar',text:'Continuar',
                click:function(){
                    //$( this ).dialog( "close" );                    
                    $("#paypal").dialog('open');
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                            $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
</script>
<style>
    .ui-menu{width:100%;}
    </style>